<template>
  <div class="father">
    <h4>我是父组件</h4>
    <h4>子组件传递给我的玩具是：{{ toy }}</h4>
    <!-- @custom-event 自定义事件名，getToy 函数名 --->
    <Child @custom-event="getToy"></Child>
  </div>
</template>

<script setup lang="ts">
import {ref} from 'vue'
import Child from './ChildOfCustomEvent.vue'

let toy = ref('')

// 对于自定义事件的处理
function getToy(sonToy: string) {
  toy.value = sonToy
}
</script>

<style scoped>

</style>
